<!DOCTYPE html>
<html lang="zh-CH">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>购物车</title>
    <link href="framework/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="framework/reset.css" rel="stylesheet">
    <link href="css/cart.css" rel="stylesheet">
</head>
<body>
<div class="wrapper">
    <div class="header">
        <div class="title">
            <div class="left">
                <div class="c1">
                    购物车
                </div>
                <div class="c2">
                    <img src="img/cart1.jpg">
                    <p>(呈贡校区) <i class="fa fa-angle-right"></i></p>
                </div>
            </div>
            <div class="right">
                <div class="c3">
                    管理
                </div>
            </div>
        </div>
        <div class="option">
            <div class="c1">全部(5)<i class="fa fa-angle-down"></i></div>
            <div class="c2"><i class="fa fa-star"></i> 收藏 <i class="fa fa-angle-right"></i></div>
        </div>
        <div class="ad">
            <img src="img/cart2.jpg">
            <div class="c1">
                <div class="r1">免费领神券</div>
                <div class="r2">吃喝玩乐都能用</div>
            </div>
            <div class="c2">
                下单更优惠
            </div>
            <div class="c3">
                立即领取
            </div>
        </div>
    </div>
    <div class="cart-list">
        <div class="business">
            <div class="business-name">
                <div class="left">
                    <img src="img/o.jpg">
                    <div class="name">肯德基宅急送</div>
                </div>
                <div class="right">
                    <div class="time">30分钟送达</div>
                    <i class="fa fa-angle-right"></i>
                </div>
            </div>
            <div class="goods">
                <div class="left">
                    <img class="o" src="img/o.jpg">
                    <img class="food" src="img/cart3.jpg">
                    <div class="food-name">
                        <div class="c1">
                            新奥尔良烤鸡腿堡
                        </div>
                        <div class="c2">
                            规格：1人份
                        </div>
                        <div class="c3">
                            <i class="fa fa-rmb"></i>22
                        </div>
                    </div>
                </div>
                <div class="number">
                    x1
                </div>
            </div>
            <div class="goods">
                <div class="left">
                    <img class="o" src="img/o.jpg">
                    <img class="food" src="img/cart4.jpg">
                    <div class="food-name">
                        <div class="c1">
                            0.01元3只起购葡式蛋挞
                        </div>
                        <div class="c2">
                            含1份折扣商品
                        </div>
                        <div class="c3">
                            <i class="fa fa-rmb"></i>0.01
                        </div>
                    </div>
                </div>
                <div class="number">
                    x3
                </div>
            </div>
        </div>
        <div class="business">
            <div class="business-name">
                <div class="left">
                    <img src="img/o.jpg">
                    <div class="name">麦当劳麦乐送</div>
                </div>
                <div class="right">
                    <div class="time">30分钟送达</div>
                    <i class="fa fa-angle-right"></i>
                </div>
            </div>
            <div class="goods">
                <div class="left">
                    <img class="o" src="img/o.jpg">
                    <img class="food" src="img/cart3.jpg">
                    <div class="food-name">
                        <div class="c1">
                            板烧鸡腿堡套餐
                        </div>
                        <div class="c2">
                            板烧鸡腿堡1份x1、中薯条1份x1
                        </div>
                        <div class="c3">
                            <i class="fa fa-rmb"></i>40.5
                        </div>
                    </div>
                </div>
                <div class="number">
                    x1
                </div>
            </div>
        </div>


        <div class="settlement">
            <div class="left">
                <img src="img/o.jpg">
                全选
            </div>
            <div class="right">
                <div class="c1">
                    合计：
                </div>
                <div class="c2">
                    <i class="fa fa-rmb"></i>
                </div>
                <div class="c3">
                    41
                </div>
                <div class="c4">
                    .61
                </div>
                <div class="c5">
                    结算(4)
                </div>
            </div>

        </div>
    </div>

    <!-- 底部菜单 -->
    <ul class="footer">
        <li class="bottom2" onclick="location.href='index.html'">
            <img src="img/bottom12.jpg">
            <p>首页</p>
        </li>
        <li class="bottom2">
            <img src="img/bottom2.jpg">
            <p>视频</p>
        </li>
        <li class="bottom2" onclick="location.href='message.html'">
            <img src="img/bottom3.jpg">
            <p>消息</p>
        </li>
        <li class="bottom2" onclick="location.href='cart.html'">
            <img src="img/bottom14.jpg">
            <p>购物车</p>
        </li>
        <li class="bottom2" onclick="location.href='mine.html'">
            <img src="img/bottom5.jpg">
            <p>我的</p>
        </li>
    </ul>
</div>
</body>
</html>